<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Documents - eKoders Responsive Admin Theme</title>
	
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/fonts.css">
	<link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.min.css">
	
	<!-- PAGE LEVEL PLUGINS STYLES -->
	<link href="../assets/css/plugins/prettify/prettify.css" rel="stylesheet">

    <!-- Tc core CSS -->
	<link rel="stylesheet" href="../assets/css/themes/style.css">
	
	
    <!-- Add custom CSS here -->

	<!-- End custom CSS here -->
	
    <!--[if lt IE 9]>
    <script src="assets/js/html5shiv.js"></script>
    <script src="assets/js/respond.min.js"></script>
    <![endif]-->
	
  </head>

  <body>
	<div id="wrapper">
		<div id="main-container">		
			<!-- BEGIN TOP NAVIGATION -->
				<nav class="navbar-top" role="navigation">
					<!-- BEGIN BRAND HEADING -->
					<div class="navbar-header">
						<div class="navbar-brand">
							<a href="index.html">
								<img src="../assets/images/logo.png" alt="logo" class="img-responsive">
							</a>
						</div>
					</div>
					<!-- END BRAND HEADING -->
					<div class="nav-top">
						<!-- BEGIN RIGHT SIDE DROPDOWN BUTTONS -->
							<ul class="nav navbar-right">
								<li class="dropdown">
									<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
										<i class="fa fa-bars"></i>
									</button>
								</li>
							</ul>
						<!-- END RIGHT SIDE DROPDOWN BUTTONS -->
					</div><!-- /.nav-top -->
				</nav><!-- /.navbar-top -->
				<!-- END TOP NAVIGATION -->

				
				<!-- BEGIN SIDE NAVIGATION -->				
				<nav class="navbar-side" role="navigation">
					<div class="navbar-collapse sidebar-collapse collapse">

							<!-- BEGIN SHORTCUT BUTTONS -->
							<div class="media">							
								<ul class="sidebar-shortcuts">
									<li><a class="btn btn-green"><i class="fa fa-user icon-only"></i></a></li>
									<li><a class="btn btn-blue"><i class="fa fa-envelope icon-only"></i></a></li>
									<li><a class="btn btn-red"><i class="fa fa-th icon-only"></i></a></li>
									<li><a class="btn btn-purple"><i class="fa fa-gear icon-only"></i></a></li>
								</ul>	
							</div>
							<!-- END SHORTCUT BUTTONS -->	
							
							<!-- BEGIN FIND MENU ITEM INPUT -->
							<div class="media-search">	
								<input type="text" class="input-menu" id="input-items" placeholder="Find...">
							</div>						
							<!-- END FIND MENU ITEM INPUT -->
							
						<ul id="side" class="nav navbar-nav side-nav">							
							<!-- Navigation category -->
							<li>
								<h4>Documents</h4> 								
							</li>
							<!-- END Navigation category -->
							
							<!-- BEGIN SIDE NAV MENU -->			
							<li>
								<a href="index.html">
									<i class="fa fa-dashboard"></i> Dashboard
								</a>
							</li>
							<li>
								<a href="features.html">
									<i class="fa fa-star"></i> Features 
								</a>
							</li>
							<li>
								<a class="active" href="start.html">
									<i class="fa fa-indent"></i> Let's Start
								</a>
							</li>
							<li>
								<a href="elements-docs.html">
									<i class="fa fa-coffee"></i>  Elements
								</a>
							</li>
							<li>
								<a href="plugins.html">
									<i class="fa fa-tags"></i> Plugins
								</a>
							</li>
							<li>
								<a href="settings.html">
									<i class="fa fa-edit"></i> Settings
								</a>
							</li>
						</ul><!-- /.side-nav -->
					</div><!-- /.navbar-collapse -->
				</nav><!-- /.navbar-side -->
				<!-- END SIDE NAVIGATION -->
				

				<!-- BEGIN MAIN PAGE CONTENT -->
				<div id="page-wrapper">
					<!-- BEGIN PAGE HEADING ROW -->
						<div class="row">
							<div class="col-lg-12">
								<!-- BEGIN BREADCRUMB -->
								<div class="breadcrumbs">
									<ul class="breadcrumb">
										<li>
											<a href="#">Home</a>
										</li>
										<li class="active">Strat</li>
									</ul>
								</div>
								<!-- END BREADCRUMB -->	
								
								<div class="page-header">
								<!-- BEGIN PAGE TITLE ROW -->
									<h1>Here you go <small></small></h1>
								<!-- BEGIN PAGE TITLE ROW -->								
								</div>								
							</div><!-- /.col-lg-12 -->
						</div><!-- /.row -->
					<!-- END PAGE HEADING ROW -->					
						<div class="row inner-wrapper">
							<div class="col-lg-12">
							
					<!-- START YOUR CONTENT HERE -->
								<p>So you have the <code>eKoders.zip</code> OR <code>eKoders-*.zip</code> file after downloading from purchased site. Now Unzip the file, there you'll see the folder structure as given below:</p>
								<ul>
									<li><code>assets</code> <small>(for main production use)</small></li>
									<li><small><strong>assets</strong> folder containing</small>
										<ul>
											<li><code>css</code></li>
											<li><code>font-awesome</code></li>
											<li><code>fonts</code></li>
											<li><code>images</code></li>
											<li><code>js</code></li>
										</ul>
									</li>
									<li><code>docs</code> <small>(Containing this documentation files)</small></li>
									<li><code>Front</code> <small>(This folder is included some of frontend example templates)</small></li>
									<li><code>less</code> <small>(This folder is for development purpose. It's not required for live project)</small></li>
									<li><code>credits.txt</code></li>
									<li><code>blank.html</code></li>
									<li>Rest of files are example html files</li>
								</ul>
								<p> Now copy the <code>assets</code> folder in your root directory then copy the file called <code>blank.html</code> to your working directory.</p>
								<p>Once it is done your working root directly structure should be like as given below:</p>
								<ul>
									<li><code>assets</code></li>
									<li><code>blank.html</code></li>
								</ul>
								<p>Now you are using the template file as a base file. Continue to read elements section to understand rest of markup and process.</p>
								
					<!-- END YOUR CONTENT HERE -->
					
							</div>
						</div>
						
					<!-- BEGIN FOOTER CONTENT -->		
						<div class="footer">
							<div class="footer-inner">
								<!-- basics/footer -->
								<div class="footer-content">
									&copy; 2014 eKoders
								</div>
								<!-- /basics/footer -->
							</div>
						</div>
						<button type="button" id="back-to-top" class="btn btn-primary btn-sm back-to-top">
							<i class="fa fa-angle-double-up icon-only bigger-110"></i>
						</button>
					<!-- END FOOTER CONTENT -->
					
				</div><!-- /#page-wrapper -->	  
			<!-- END MAIN PAGE CONTENT -->
		</div>  
	</div> 
	 
    <!-- core JavaScript -->
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/bootstrap.min.js"></script>
	<script src="../assets/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="../assets/js/plugins/pace/pace.min.js"></script>
	
	<!-- PAGE LEVEL PLUGINS JS -->
	<script src="../assets/js/plugins/prettify/prettify.js"></script>
	
    <!-- Themes Core Scripts -->	
	<script src="../assets/js/main.js"></script>	
	
	<!-- initial page level scripts for examples -->
		<script>
			jQuery(function($) {			
				window.prettyPrint && prettyPrint();
			});

		</script>	
  </body>
</html>